<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎登录 - 我的新华书店</title>
    <link rel="icon" href="./images/bitbug_favicon.ico">
    <link rel="stylesheet" href="./font_2481939_cgiqmkfadol/iconfont.css">
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <a href="#">
            <img src="./images/xhsd_logo.png" alt="">
        </a>
        <span>欢迎登录</span>
    </div>
    <!-- 登录页 -->
    <div class="back">
        <div class="login">
            <div class="login_box">
                <div class="login_box_cont">
                    <ul>
                        <li class="text_left">
                            <a href="javascript:;" class="active">账户登录</a>
                        </li>
                        <li class="text_right">
                            <a href="javascript:;" class="">快捷登录</a>
                        </li>
                    </ul>
                    <div class="login_cont">
                        <!-- 账户登录 -->
                        <div class="login_inp">
                            <form action="#" method="post">
                                <div style="height: 40px;
                                line-height: 40px; margin-bottom: 8px;"></div>
                                <div class="login_inp_user">
                                    <input id="login_id" type="text" name="username" placeholder="手机号" autocomplete="off">
                                    <i class="iconfont id_icon">&#xe604;</i>
                                </div>
                                <div class="login_inp_pass">
                                    <input id="password" type="password" placeholder="密码" autocomplete="off">
                                    <i class="iconfont pass_icon">&#xe620;</i>
                                </div>
                                <div class="registered_box">
                                    <a href="#" class="forget_a">忘记密码</a>
                                    <a href="./registered.html" class="registered_a">免费注册</a>
                                </div>
                                <div class="login_options">
                                    <input type="button" value="立即登录" id="submit">
                                </div>
                                <div class="login_bottom">
                                    <div class="login_or">
                                        <span>or</span>
                                    </div>
                                    <div class="login_wrap">
                                        <a href="#" class="iconfont wx" title="微信登录">&#xe6b3;</a>
                                        <a href="#" class="iconfont qq" title="QQ登录">&#xea95;</a>
                                        <a href="#" class="iconfont wb" title="微博登录">&#xe632;</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- 快捷登录 -->
                        <div class="login_quick">
                            <form action="#">
                                <fieldset>
                                    <div style="line-height: 40px; height: 40px; margin-bottom: 8px;"></div>
                                    <div class="tel_box">
                                        <input type="text" class="tel" name="phone_number" placeholder="请输入手机号">
                                        <i class="iconfont">&#xe606;</i>
                                    </div>
                                    <div class="imgCode_box">
                                        <input type="text" class="imgCode_txt" name="captcha_answer" placeholder="图片验证码" autocomplete="off">
                                        <i class="iconfont">&#xe688;</i>
                                        <img src="./images/VerificationCode.jpg" alt="" class="imgCode_img">
                                    </div>
                                    <div class="tel_code">
                                        <input type="text" class="telCode_txt" name="verification_code" placeholder="请输入验证码">
                                        <a href="javascript:;" class="telCode_obtain">获取验证码</a>
                                        <i class="iconfont">&#xe702;</i>
                                    </div>
                                    <div class="protocol_box">
                                        <input type="checkbox" class="protocol_check" name="protocol">
                                        <span class="protocol_tip">
                                            已同意《<a href="#" class="protocol">用户协议</a>》和《<a href="#" class="policy">隐私政策</a>》
                                        </span>
                                    </div>
                                    <div class="quick_options">
                                        <input type="submit" value="立即登录">
                                    </div>
                                    <div class="quick_bottom">
                                        <div class="quick_or">
                                            <span>or</span>
                                        </div>
                                        <div class="quick_wrap">
                                            <a href="#" class="iconfont wx" title="微信登录">&#xe6b3;</a>
                                            <a href="#" class="iconfont qq" title="QQ登录">&#xea95;</a>
                                            <a href="#" class="iconfont wb" title="微博登录">&#xe632;</a>
                                        </div>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="text-align:center;line-height:40px;font-size:12px;color:#1E1E1E;width:1200px;margin:55px auto 0;">
        Copyright © 2015-2021  新华互联电子商务有限责任公司 版权所有
      </div>
</body>
<script src="./libs/ajax.js"></script>
<script src="./js/loginMain.js"></script>
</html>